body{
	font-family: 'Microsoft YaHei';
}
.row .col{
	padding: 0;
}
.indexheader{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	z-index: 998;
}

.indexheader img{
	height: 1.05rem;
}
.headright{

	width: 1.05rem;
	height: 1.05rem;
	background-color: rgba(0,0,0,0);
	position: absolute;
	top:0;
	right:0;
	display: block;

}
.headright2{
	background-color: rgba(0,0,0,0);
	display: none;
	width: 1.05rem;
	height: 1.05rem;
	position: absolute;
	top:0;
	right:0;
}


.left {
	position: absolute;
	left: 0;
	top: 0;
	width: 7.5rem;

	z-index: 900;
}



.dlzc{
	margin-top: 1.05rem;
	width: 100%;
	height: .7rem;
}

.dlzc ul li{
	height: .7rem;
	float: left;
	line-height: .7rem;
	margin-left: .3rem;
}
.dlzc ul li img{
	width: .3rem;
}
.dlzc ul li a{
	margin-left: .08rem;
	font-size: .32rem;
	color: black;
}



.species{
	margin-top: .5rem;
	width: 100%;
	height: 1.7rem;
}
.species ul{
	width: 100%;
}
.species ul li{
	float: left;
}
.species ul li a{
	display: block;
	width: 100%;
	
}
.species ul li a img{
	display: block;
	width: 1.2rem;
	margin: 0 auto;
}
.species ul li p{
	width: 100%;
	text-align: center;
	font-size: .25rem;
}



.shop{
	margin-top: .45rem;
	width: 100%;
	display: flex;
	padding: 0 .09rem;
	flex-wrap: wrap;
}
.shop a{
	margin-top: .6rem;
	display: block;
	width: 3.65rem;
	/*background: red;*/
	height: 4.3rem;
	
}
.shop a div{
	width: 100%;
	height: 3.28rem;

}
.shop a div img{
	display: block;
	height: 100%;
	margin: 0 auto;
}
.shop a p{
	width: 100%;
	font-size: .35rem;
}
.shopfoot{
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	padding: 0 .25rem;
	margin-top: .7rem;
	height: .64rem;
	width: 100%;
	line-height: .64rem;
	text-align: center;
	font-size: .3rem;
}
.shopfoot>a{
	display: inline-block;
	width: 1.7rem;
	height: .64rem;
	border: .01rem solid black;
	border-radius: 10%;
	line-height: .64rem;
	text-align: center;
	font-size: .3rem;
	color: black;
	margin-top: 0;
}
.shopfoot>a:active{
	color: #fff;
	background: rgb(45,45,45);
}
.shopfoot .end{
	color: #c9c9c9;
	border: .01rem solid #2d2d2d;
}

.top{
	width: 100%;
	height: .68rem;
	background: #2d2d2d;
	margin-top: .6rem;
}
.top img{
	float: right;
	height: .7rem;
}

.xx{
	margin-top: .2rem;
	width: 100%;
	height: 3rem;
	line-height: .5rem;
	text-align: center;
	font-size: .27rem;
}
.xx2{
	height: 1.4rem;
	width: 100%;
}


.yname{
	box-sizing: border-box;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: .1rem;
	height: .6rem;
	line-height: .6rem;
	color: black;
}
.danjia{
	box-sizing: border-box;
	padding-left: .1rem;
	height: .42rem;
	line-height: .42rem;
	color: #C0C0C0;
}
.danjia span{
	color: #ff4700;
}



.indexfooter{
	box-sizing: border-box;
	padding-top: .13rem;
	position: fixed;
	bottom:0;
	left:0;
	width: 100%;
	height: 1.2rem;
	background: #2d2d2d;
	z-index: 997;
}
.indexfooter ul{
	width: 100%;
}
.indexfooter ul li{
	float: left;
	height: 1.2rem;
}
.indexfooter ul li a{
	display: block;
	width: 100%;
}
.indexfooter ul li div{
	display: block;
	width: 100%;
}
.indexfooter ul li a img{
	display: block;
	height: .55rem;
	margin: 0 auto;
}
.indexfooter ul li div img{
	display: block;
	height: .55rem;
	margin: 0 auto;
}

.indexfooter ul li  p{
	margin-top: .19rem;
	font-size: .25rem;
	width: 100%;
	text-align: center;
	color: white;
}

.right {
	position: fixed;
	top: 0;
	/*left:7.5rem;*/
	left:7.5rem;
	width: 1.86rem;
	height: 200%;
	background: #191f24;
	box-sizing: border-box;
	padding-top: 1.05rem;
}
.right a{
	display: block;
	width: 1.86rem;
	height: 1.86rem;
	background: #41474e;
}
.right a img{
	width: 100%;
}

.map{
	position: fixed;
	top:13.33rem;
	left: 0;
	width: 100%;
	height: 12.23rem;
	background: #cdcdcd;
	z-index: 999;
 }
.maphead{
	width: 100%;
	height: 1.1rem;
}

.maphead img{
	width: 100%;
}
.mapiframe{
	width: 100%;
	height: 100%;
}
.maphead div{
	width: 1.1rem;
	height: 1.1rem;
	position: absolute;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0) ;
}
.ng-cloak{
	display: none;
}



